<!DOCTYPE html>
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="en" class="no-js">
<!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title><g:layoutTitle default="Grails" /></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon"
	href="${resource(dir: 'images', file: 'favicon.ico')}"
	type="image/x-icon">
<link rel="apple-touch-icon"
	href="${resource(dir: 'images', file: 'apple-touch-icon.png')}">
<link rel="apple-touch-icon" sizes="114x114"
	href="${resource(dir: 'images', file: 'apple-touch-icon-retina.png')}">
<link rel="stylesheet" href="${resource(dir: 'css', file: 'main.css')}"
	type="text/css">
<link rel="stylesheet"
	href="${resource(dir: 'css', file: 'mobile.css')}" type="text/css">

<r:require module="jquery" />
<!--
		<r:require module="jquery-ui"/>
		-->
<r:layoutResources />
<g:layoutHead />
</head>
<body>
	<div id="grailsLogo" role="banner">
		<a href="${createLink(uri:'/') }"><img
			src="${resource(dir: 'images', file: 'spal_logo.png')}" alt="Grails" /></a>
	</div>

	<div class="nav" role="navigation">
		<ul>

			<li><a class="home" href="${createLink(uri:'/') }">Inicio </a></li>

			<sec:ifAllGranted roles="ROLE_ADMIN">
				<li><a href="${createLink(uri:'/admin/local/index') }">Locales
				</a></li>
			</sec:ifAllGranted>

			<sec:ifAllGranted roles="ROLE_LOCATARIO">
				<li><a href="${createLink(uri:'/locatario/menu/index') }">Menú
				</a></li>
			</sec:ifAllGranted>

			<sec:ifAllGranted roles="ROLE_USER">
				<li><a href="${createLink(uri:'/cliente/local/index') }">Locales
				</a></li>
			</sec:ifAllGranted>

			<sec:ifNotLoggedIn>
				<li><a href="${createLink(uri:'/login/index') }">Iniciar
						Sesión </a></li>
			</sec:ifNotLoggedIn>

			<sec:ifLoggedIn>
				<li><a href="${createLink(uri:'/logout/index') }">Cerrar
						Sesión </a></li>
			</sec:ifLoggedIn>
		</ul>
	</div>
	<g:layoutBody />
	<div class="footer" role="contentinfo"></div>
	<div id="spinner" class="spinner" style="display: none;">
		<g:message code="spinner.alt" default="Loading&hellip;" />
	</div>
	<g:javascript library="application" />
	<r:layoutResources />
</body>
</html>
